<template>
  <div class="hello-ezuikit-js">
    <div id="video-container" style="border-radius: 20upx;"></div>
  </div>
</template>

<script>
import EZUIKit from "ezuikit-js"

export default {
  name: "HelloWorld",
  props: {
    url: String,
	token:String,
	isshow:{
		type:Boolean,
		default:false
	}
  },
  data() {
  	return {
  		player:'',
		firstinit:true
  	};
  },
  watch:{
	  isshow:function(n){
		  if(n && this.firstinit){
			this.firstinit = false
			this.init()
		  }
	  }
  },
	mounted(){
		
  },
  methods:{
	  init:function(){
		  const _this = this
		  const width = uni.getSystemInfoSync().windowWidth - 30
		  this.player =  new EZUIKit.EZUIKitPlayer({
		  	autoplay: true,
		  	id: "video-container",
		  	accessToken:_this.token,
		  	url: _this.url,
		  	template: "voice-", // simple - 极简版;standard-标准版;security - 安防版(预览回放);voice-语音版；
		  	// 视频上方头部控件
		  	//header: ["capturePicture", "save", "zoom"], // 如果templete参数不为simple,该字段将被覆盖
		  	//plugin: ['talk'],                       // 加载插件，talk-对讲
		  	// 视频下方底部控件
		  	// footer: ["talk", "broadcast", "hd", "fullScreen"], // 如果template参数不为simple,该字段将被覆盖
		  	audio: 0, // 是否默认开启声音 0 - 关闭 1 - 开启
		  	// openSoundCallBack: data => console.log("开启声音回调", data),
		  	// closeSoundCallBack: data => console.log("关闭声音回调", data),
		  	// startSaveCallBack: data => console.log("开始录像回调", data),
		  	// stopSaveCallBack: data => console.log("录像回调", data),
		  	// capturePictureCallBack: data => console.log("截图成功回调", data),
		  	// fullScreenCallBack: data => console.log("全屏回调", data),
		  	// getOSDTimeCallBack: data => console.log("获取OSDTime回调", data),
		  	width: width,
		  	height: 200
		  })
		  // setTimeout(()=>{
		  //   player.stop(); // 方法调用示例，10秒后关闭视频
		  // },10000)
	  }
  }
};
</script>
<style scoped>
	iframe{
		border-radius: 10px;
	}
</style>
